<template>
<!--风车旋转分隔栏 -->
    <div class="layout">  
      <div class="tit_box">
        <div class="line"></div>
        <div class="cartoon_box">
        </div>
      </div>
    </div>
</template>

<script>
export default {
  mounted() {

  },
  created() {
  },
  data() {
    return {

    }    
  },

}
</script>
<style>
.tit_box {
    height: 75px;
    position: relative;
}
.tit_box .line {
   background: radial-gradient(#ff6633, #ff9e8078);
    position: absolute;
    top: 60px;
    left: 16%;
    height: 5px;
    width: 70%;
    margin: auto;
    border-radius: 10px;
}
@keyframes myfirst
{
    100%{transform: rotate(360deg);}
}
.tit_box .cartoon_box {
  background: #fff url("../../../static/images/icon/fengche.png") no-repeat;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 5px;
    left: 47%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: cover;
    animation:myfirst 4s infinite ;
}

</style>
